﻿ /**
 * @Description: the styles of ZUK手机官网-网上商城部分
 * @Authors    : pengml1@zuk.com
 * @Date       : 2015-07-12 13:00:40
 * @Version    : 1.0
 */ 


/* product-detail-box */
.product-detail-box{margin: 36px 0 0; border: 1px solid #e4e4e4; background: #fff;}
.product-detail-box .product-pictures{float: left; width: 610px; height: 710px;}

.product-detail-box .product-summary{float: right; width: 420px; padding: 0 20px 30px 0;}
.product-detail-box .product-summary .product-title{margin: 70px 0 0; height: 36px; overflow: hidden; font: normal 26px/36px 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1';}
.product-detail-box .product-summary .product-title .mark{ font-size: 18px; color: #f30;}
.product-detail-box .product-title em{font-family: simhei;}
.product-detail-box .product-summary .price{display: block; height: 40px; overflow: hidden; margin: 6px 0 0; color: #1499f7; font-size: 30px; line-height: 40px;}
.product-detail-box .product-summary .price .original-price{ margin-left: 20px; font-size: 20px; color: #999; font-style: normal; text-decoration: line-through;}
.product-detail-box .product-parameter .parameter-item{margin: 26px 0 0; vertical-align: middle;}
.product-detail-box .product-parameter .parameter-item:first-child{position: relative; /*margin: 26px 0 -3px;*/}
.product-detail-box .product-parameter .parameter-title{float: left; width: 56px; font-size: 14px; line-height: 48px;}
.product-detail-box .product-parameter .color-tags{position: relative; float: left; margin: 4px 0 1px;}
.product-detail-box .product-parameter .color-tags .tag{float: left; width: 31px; height: 31px; overflow: hidden; margin: 0 20px 0 0; padding: 2px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #1499f7;}
.product-detail-box .product-parameter .color-tags span{display: block; width: 31px; height: 31px; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; font: 0/0 arial;}
.product-detail-box .product-parameter .black-tag span{background: #3c3c3c;}
.product-detail-box .product-parameter .gold-tag span{background: #cfc0a0;}
.product-detail-box .product-parameter .label{float: left; width: 88px; height: 46px; overflow: hidden; margin: 0 20px 0 0; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; color: #121212; font-size: 14px; line-height: 46px; text-align: center; cursor: pointer;}
.product-detail-box .product-parameter .current-label{border-color: #1499f7;}
.product-detail-box .product-parameter .gifts{position: relative; float: left; margin: -2px 0 -8px;}
.product-detail-box .product-parameter .gift-item{height: 26px; overflow: hidden; margin: 6px 0 0;}
.product-detail-box .product-parameter .gift-item:first-child{margin-top: 0;}

.product-detail-box .product-parameter .disabled-label{ border-style: dashed; color: #ccc; cursor:no-drop;}

.product-detail-box .product-parameter .display-label{ display:none;}

.product-detail-box .product-parameter .pic{float: left; width: 24px; height: 24px; overflow: hidden; margin: 0 14px 0 0; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #ccc;}
.product-detail-box .product-parameter img{width: 24px; height: 24px; vertical-align: top;}
.product-detail-box .product-parameter .gift-title{float: left; margin: 0 13px 0 0; line-height: 26px;}
.product-detail-box .product-parameter .gift-num{float: left; color: #121212; line-height: 26px;}
.product-detail-box .product-parameter .numbers-bar{float: left; height: 30px;}
.product-detail-box .product-parameter .minus,
.product-detail-box .product-parameter .plus{float: left; width: 28px; height: 30px; border: 1px solid #ccc; font-size: 14px; line-height: 30px; text-align: center; cursor: pointer;}
.product-detail-box .product-parameter .minus{-webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;}
.product-detail-box .product-parameter .plus{-webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;}
.product-detail-box .product-parameter .number-input{float: left; width: 46px; height: 30px; outline: 0 none; border: 0 none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; font-size: 14px; font-family: arial; line-height: 30px;}
.product-detail-box .product-parameter .servie-label{ width: 247px; padding-left: 18px; /*background: #fff url(../Images/icon6.png) no-repeat 23px center;*/ text-align: left;}
.product-detail-box .product-parameter .one-gift{ margin-top: 15px; margin-bottom: -15px;}
.product-detail-box .product-parameter .one-gift .gifts{ margin-top: 9px;}

.product-detail-box .insurance-item{ position: relative; margin-top: -10px; float: left;}
.product-detail-box .insurance-item .labels{ margin-top: 10px;}
.product-detail-box .insurance-item img{ width: 24px; height: 24px; margin-right: 5px; vertical-align: middle;}
/*.product-detail-box .service-tip{overflow: hidden; zoom: 1; margin: 11px 0 0 58px;}
.product-detail-box .service-tip a{ color: #1499f7;}
.product-detail-box .service-tip a:hover{ text-decoration: underline;}*/
/*.product-detail-box .default-address{display: block; height: 22px; overflow: hidden; margin: 0 12px 0 0; color: #121212; font-size: 12px; line-height: 22px; cursor: pointer;}
.product-detail-box .default-address .checkbox{float: left; width: 18px; height: 18px; overflow: hidden; margin: 3px 12px 0 0; background: url(../Images/person.png) no-repeat -61px -141px;}
.product-detail-box .checked .checkbox{background-position: -61px -174px;}*/

.product-num{ position: relative; height: 32px;}
.product-num .tips-txt{ position: absolute; top: -45px; left: 24px; padding: 0 20px; height: 38px; line-height: 38px; background-color: #fff; border: 1px solid #e7e7e7; color: #1499f7; border-radius: 2px; box-shadow: 0 0 3px rgba(0,0,0,.1);}
.product-num .parameter-title{ line-height: 32px !important;}

.product-detail-box .product-summary .buy-button,.sall-rule-layer .btn{display: block; width: 180px; height: 50px; overflow: hidden; margin: 40px 0 0; background: #1499f7; -wenkit-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 18px; text-align: center; line-height: 50px;}
.product-detail-box .product-summary .buy-button:hover{ background-color: #0488e4; text-decoration: none;}
.product-detail-box .product-summary .disabled,.product-detail-box .product-summary .disabled:hover{background-color: #b3b3b3; cursor: default;}
 
.product-detail-box .product-summary2 .parameter-tip{margin: 25px 0 0; font-size: 14px; line-height: 28px; color: #666;}
.product-detail-box .product-summary2 .parameter-tip a{ color: #e3393c;}
.product-detail-box .product-summary2 .parameter-tip a:hover{ color: #e3393c; text-decoration: underline;}
.product-detail-box .product-summary2 .product-parameter .parameter-item:first-child{margin-top: 35px;}
.product-detail-box .product-summary2 .parameters-pic{display: block;}
.product-detail-box .product-summary2 .parameters-pic img{vertical-align: top;}

/* product-parameter-box */
.product-parameter-box{margin: 20px 0 0; border: 1px solid #e4e4e4; background: #fff;}
.product-parameter-box .parameter-header{height: 62px; border-bottom: 1px solid #e4e4e4;}
.product-parameter-box .parameter-header .parameter-title{font-size: 18px; font-weight: normal; padding-left: 30px; line-height: 62px;}
.product-parameter-box .parameters-box{text-align: center;}
.product-parameter-box .parameters-box img{vertical-align: top;} 
.product-parameter-box .parameters-table{width: 100%; border-collapse: collapse; border-spacing: 0;} 
.product-parameter-box .parameters-items{}
.product-parameter-box .parameters-items .parameters-item{position: relative; min-height: 24px; padding: 30px 0 30px 422px; border-top: 1px solid #E4E4E4; font-size: 14px; line-height: 24px; text-align: left;}
.product-parameter-box .parameters-items .parameters-item:first-child{border-top: 0 none;}
.product-parameter-box .parameters-items .item-title{position: absolute; top: 30px; left: 91px; font: normal 16px/24px 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1';}
.product-parameter-box .parameters-items a{color: #1499f7;} 
.product-parameter-box .parameters-item table{width: 600px; border-collapse: collapse; border-spacing: 0;}
.product-parameter-box .parameters-item table td{width: 240px;}
.product-parameter-box .parameters-item .parameters-pic{display: block;}
.product-parameter-box .parameters-item .parameters-pic4{padding: 0 0 8px;}
.product-parameter-box .parameters-item .news-list{padding: 0 0 0 18px; color: #9a9a9a; font-size: 14px; line-height: 30px;}
.product-parameter-box .parameters-item .news-list li{ font-size: 14px; line-height: 30px; list-style-type: disc;}

.product-parameter-box .color-view li{ float: left; width: 168px;}
.product-parameter-box .mods-color-view li{width: 98px; text-align: center;}
.product-parameter-box .mods-color-view1 li{width: 165px; text-align: center;}
.product-parameter-box .play-color-view li{width: 165px; text-align: center;}


.product-parameter-box .color-view img{ width: 100%; vertical-align: top;}
.product-parameter-box .color-view span{ display: block; margin: 23px 0 0 11px; font-size: 14px; line-height: 18px;}
.product-parameter-box .mods-color-view span,.product-parameter-box .mods-color-view1 span{margin: 23px 0 0 0;}

.product-parameter-tab-box .parameters-box{ display: none;}
.product-parameter-tab{ padding: 16px 0 0 6px; line-height: 30px;}
.product-parameter-tab a{ display: inline-block; padding: 0 30px; border-left: 1px solid #e4e4e4; color: #121212; font-size: 18px;}
.product-parameter-tab a:first-child{ border: 0 none;}
.product-parameter-tab .cur{ color: #1499f7;}

/* threadlist */
.threadlist{ padding: 0 35px 26px; text-align: left;}
.thread-item{ position: relative; padding: 20px 10px 20px 74px; border-bottom: 1px solid #e4e4e4;}
.thread-item:hover{ background-color: #f9f9f9;}
.thread-item .num{ position: absolute; top: 20px; left: 5px; height: 32px; line-height: 32px; width: 52px; padding-bottom: 7px; text-align: center; font-size: 16px; background: url(../Images/num-box.png) no-repeat; overflow: hidden;}
.thread-item .thread-title{ height: 26px; line-height: 26px; overflow: hidden; font-size: 16px; font-weight: normal;}
.thread-item .thread-title a{ float: left; color: #0f0f0f;}
.thread-item .thread-title a:hover{ color: #1499f7;}
.thread-item .thread-title .pic-icon{ margin: 5px 0 0 10px;}
.thread-item .thread-img{ margin: 15px 0 0; height: 80px; overflow: hidden;}
.thread-item .thread-img a{ float: left; margin-right: 10px;}
.thread-item .thread-img img{ height: 80px;}
.thread-item .thread-infor{ margin-top: 15px; line-height: 22px; color: #b3b3b3;}
.thread-item .thread-infor .right{ float: right;}
.thread-item .thread-infor i{ font-style: normal;}
.thread-more{ padding-bottom: 30px; line-height: 26px; font-size: 16px;}
.thread-more a{ color: #0f0f0f;}

.moto-pr{height: 545px;}
.moto-pr-pic{position: absolute; top: 30px; left: 260px;}
/* banner-bxslider */
.banner-bxslider{position: relative; width: 1100px; height: 480px; overflow: hidden; margin: 36px 0 0; z-index: 2;}
.banner-bxslider .bx-controls-direction{display: block;}
.banner-bxslider .bx-controls{position: absolute; bottom: 10px; left: 0; width: 1100px; height: 34px; line-height: 34px;}
.banner-bxslider .bx-controls .bx-pager{position: absolute; left: 0; bottom: 0; width: 100%; height: 34px; padding: 0; line-height: 34px;}
.banner-bxslider .bx-pager.bx-default-pager a,.banner-bxslider .bx-pager.bx-default-pager a:hover
{width: 8px; height: 8px; margin: 13px 10px 0; -webkit-border-radius: 50%; border-radius: 50%; background: #9d9d9d;}
.banner-bxslider .bx-pager.bx-default-pager a.active{border: 1px solid #887e72; background: none; width: 12px; height: 12px; border-radius: 12px; vertical-align: middle; cursor: default;}

.banner-bxslider .bx-wrapper .bx-prev {display: none; width: 37px; height: 70px; left: 0; background: url(../Images/prev.png) no-repeat;}
.banner-bxslider .bx-wrapper .bx-next {display: none; width: 37px; height: 70px; right: 0; background: url(../Images/next.png) no-repeat;}
.banner-bxslider .bx-wrapper .bx-prev:hover{background: url(../Images/prev.png) no-repeat; opacity: .8;}
.banner-bxslider .bx-wrapper .bx-next:hover{background: url(../Images/next.png) no-repeat; opacity: .8;}
.banner-bxslider .bx-wrapper .bx-prev:active,.banner-bxslider .bx-wrapper .bx-next:active{opacity: 1;}
.banner-bxslider .bx-wrapper .bx-controls-direction a {position: absolute; top: -230px; margin-top: 0; outline: 0; width: 37px; height: 70px; text-indent: -9999px; z-index: 9999;}
.banner-bxslider .bx-wrapper .bx-controls-direction a.disabled {display: none;}

/* service-banner */ 
.service-bxslider{position: relative; width: 1100px; height: 322px; overflow: hidden; margin: 36px 0 0;}
.service-bxslider .bx-controls-direction{display: block;}
.service-bxslider .bx-controls{position: absolute; bottom: 10px; left: 0; width: 1100px; height: 34px; line-height: 34px;}
.service-bxslider .bx-controls .bx-pager{position: absolute; left: 50%; bottom: 0; width: 114px; height: 34px; margin: 0 0 0 -57px; padding: 0; line-height: 34px;}
.service-bxslider .bx-pager.bx-default-pager a,.service-bxslider .bx-pager.bx-default-pager a:hover
{width: 8px; height: 8px; margin: 13px 10px 0; -webkit-border-radius: 50%; border-radius: 50%; background: #9d9d9d;}
.service-bxslider .bx-pager.bx-default-pager a.active{border: 1px solid #887e72; background: none;}
.service-bxslider .bx-wrapper .bx-prev {display: none; width: 37px; height: 70px; left: 0; background: url(../Images/prev.png) no-repeat;}
.service-bxslider .bx-wrapper .bx-next {display: none; width: 37px; height: 70px; right: 0; background: url(../Images/next.png) no-repeat;}
.service-bxslider .bx-wrapper .bx-prev:hover{background: url(../Images/prev.png) no-repeat; opacity: .8;}
.service-bxslider .bx-wrapper .bx-next:hover{background: url(../Images/next.png) no-repeat; opacity: .8;}
.service-bxslider .bx-wrapper .bx-prev:active,.service-bxslider .bx-wrapper .bx-next:active{opacity: 1;}
.service-bxslider .bx-wrapper .bx-controls-direction a {position: absolute; top: -152px; margin-top: 0; outline: 0; width: 37px; height: 70px; text-indent: -9999px; z-index: 9999;}
.service-bxslider .bx-wrapper .bx-controls-direction a.disabled {display: none;}

/* sales-address */
.sales-address{width: 1098px; height: 453px; overflow: hidden; margin: 20px 0 0; border: 1px solid #e4e4e4; background: url(../Images/sales-address.jpg) no-repeat center top; font: 0/0 arial;}

/* page-box */
.page-box{height: 38px; overflow: hidden; margin: 20px 0 0; border: 1px solid #e4e4e4; -webkit-border-radius: 2px; border-radius: 2px; background: #fff;}
.page-box .page a{float: left; height: 38px; padding: 0 16px; border-right: 1px solid #f1f1f1; color: #999; font-size: 12px; line-height: 38px;}
.page-box .page a em{margin: 0 12px; font-weight: bold; font-family: SimSun; vertical-align: top;}
.page-box .page a:hover{color: #1499f8; text-decoration: none;}
.page-box .page .next{float: right; padding: 0 6px 0 18px; border: 0 none; border-left: 1px solid #f1f1f1; color: #000;}
.page-box .page .prev{padding: 0 18px 0 6px; color: #000;}
.page-box .page .disabled,.page-box .page .disabled:hover{color: #999;}

/* service-list */
.service-list{margin: 18px 0 0 1px;}
.service-list li{float: left; width: 274px; padding: 80px 0 0; text-align: center;}
.service-list li .service-icon{display: block; width: 76px; height: 74px; overflow: hidden; margin: 0 auto; background: url(../Images/service-icons.png) no-repeat 1px 2px; font: 0/0 arial;}
.service-list li .password-icon{width: 75px; background-position: -95px 3px;}
.service-list li .order-icon{width: 65px; background-position: -195px 2px;}
.service-list li .logistics-icon{width: 74px; background-position: 0 -90px;}
.service-list li .back-icon{width: 74px; background-position: -95px -95px;}
.service-list li .change-icon{width: 70px; background-position: -190px -92px;}
.service-list li .coupons-icon{width: 71px; background-position: 0 -183px;}
.service-list li .store-icon{width: 55px; background-position: -94px -183px;}
.service-list li .online-icon{width: 70px; background-position: 0 -270px;}
.service-list li .passwords-icon{width: 68px; background-position: -75px -270px;}
.service-list li .weibo-icon{width: 72px; background-position: -150px -270px;}
.service-list li .wechat-icon{width: 77px; background-position: 0 -350px;}
.service-list li p{height: 34px; margin: 15px 0 0; color: #121212; font-size: 14px; line-height: 34px;}

/* onlineService-list */
.onlineService-list{padding: 100px 60px 0;}
.onlineService-list li{width: 244px;}

/* accessories-list */
.accessories-list-wrap{margin: 12px 0 0; width: 1098px; overflow: hidden; border: 1px solid #e4e4e4;}
.accessories-list{width: 1100px; background: #fff;}
.accessories-list li{position: relative; float: left; width: 275px; overflow: hidden; margin: 0 -1px -1px 0; padding: 0 0 19px; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
.accessories-list .pic{display: block; margin: 34px 0 0; text-align: center;}
.accessories-list .pic img{vertical-align: top;}
.accessories-list .price{display: block; height: 26px; overflow: hidden; margin: 41px 0 0; padding: 0 34px; font-size: 16px; line-height: 26px;}
.accessories-list .accessories-title{display: block; height: 24px;  overflow: hidden; margin: -2px 0 0; padding: 0 34px; font-size: 14px; line-height: 24px;}

/* intelligent-hardware-wrap */
.intelligent-hardware-wrap{margin-top: 14px;}

/* guide-list */
.guide-list{height: 291px; padding: 0 0 0 42px;}
.guide-list .guide-item{float: left; width: 123px; overflow: hidden; margin: 0 0 0 110px;}
.guide-list .guide-item a{display: block;}
.guide-list .guide-item a:hover{text-decoration: none;}
.guide-list .guide-item .guide-icon{display: block; width: 122px; height: 122px; overflow: hidden; margin: 59px 0 0; background: url(../Images/service2-icons.png) no-repeat 0 0; text-indent: -999em;}
.guide-list .item2 .brush-icon{background-position: -130px 0;}
.guide-list .item3 .download-icon{background-position: -260px 0;}
.guide-list .item4 .ask-icon{background-position: -385px 0;}
.guide-list .guide-item span{display: block; height: 26px; overflow: hidden; margin: 29px 0 0; font-size: 16px; text-align: center; line-height: 26px;}

/* guideService-list */
.guideService-list{position: relative; height: 318px; width: 1100px; margin: 0 0 -1px;}
.guideService-list .guideService-item{float: left; width: 274px; height: 159px; overflow: hidden;border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
.guideService-list .item5,.guideService-list .item6,.guideService-list .item7,.guideService-list .item8{border-bottom: 0 none;}
.guideService-list .guideService-item a{display: block;}
.guideService-list .guideService-item a:hover{text-decoration: none;}
.guideService-list .guideService-item span{display: block; height: 24px; overflow: hidden; margin: 14px 0 0; font-size: 14px; text-align: center; line-height: 24px;}
.guideService-list .guideService-item .guideService-icon{display: block; width: 48px; height: 48px; overflow: hidden; margin: 39px auto 0; background: url(../Images/service2-icons.png) no-repeat  0 -135px; text-indent: -999em;}
.guideService-list .item2 .guideService-icon{background-position: -55px -135px;}
.guideService-list .item3 .guideService-icon{background-position: -110px -135px;}
.guideService-list .item4 .guideService-icon{background-position: -165px -135px;}
.guideService-list .item5 .guideService-icon{background-position: -220px -135px;}
.guideService-list .item6 .guideService-icon{background-position: -275px -135px;}
.guideService-list .item7 .guideService-icon{background-position: -330px -135px;}
.guideService-list .item8 .guideService-icon{background-position: -385px -135px;}

/* service-tab */
.service-tab{margin: 28px 0 0;}
.service-tab .service-tabNav{width: 1100px; height: 28px; padding: 0 0 13px;}
.service-tab .service-tabNav li{position: relative; margin: 0 -1px 0 0; float: left; width: 366px; height: 28px;}
.service-tab .service-tabNav span{display: block; height: 28px; color: #121212; font-size: 18px; line-height: 28px;} 
.service-tab .tab-panel{clear: both; overflow: hidden; border: 1px solid #e4e4e4; background: #fff;}
.service-tab .help-list{padding: 23px 107px 59px;}
.service-tab .help-list .help-item{height: 59px; overflow: hidden; border-bottom: 1px solid #f1f1f1; font-size: 14px; line-height: 59px;}
.service-tab .help-list .help-item strong{float: left; margin: 0 70px 0 0;}
.service-tab .help-list .links{float: left;}
.service-tab .help-list .links a{float: left; width: 100px; margin: 0 0 0 50px;}

/* section */
.section{margin-top: 28px;}
.section .section-header{line-height: 30px;}
.section .section-header .section-title{font-weight: normal; font-size: 18px; line-height: 30px;}

.standard-section{ margin-top: 36px;}

.standard-pro li{ position: relative; margin: -1px -1px 0 0; float: left; padding: 31px 0 0; width: 548px; height: 385px; border: 1px solid #e4e4e4; background-color: #fff;}
.standard-pro li:hover,.packages li:hover{ box-shadow: 0 0 80px rgba(0,0,0,0.08) inset; transition: all .15s ease;}
.standard-pro li a,
.packages li a,
.recmt-parts li a{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 2; background: url(../Images/1.gif);}

.standard-pro li .title{ margin: 0 10px; height: 26px; line-height: 26px; overflow: hidden; font-size: 18px; color: #333; text-align: center;}
.standard-pro li .discrp{ margin: 0 10px; margin-top: 7px; height: 22px; line-height: 22px; overflow: hidden; color: #999; font-size: 14px; text-align: center;}
.standard-pro li .price{ display: block; margin-top: 6px; line-height: 28px; font-size: 20px; color: #1499f7; text-align: center;}
.standard-pro li img,.recmt-parts li img{ display: block; margin: 0 auto; vertical-align: top;}


.packages{ margin: 11px 0 0;}
.packages li{position: relative; margin: -1px -1px 0 0; float: left; padding: 70px 0 0 316px; width: 232px; height: 207px; border: 1px solid #e4e4e4; background-color: #fff;}
.packages li .pic{ position: absolute; top: 24px; left: 22px; width: 270px; height: 230px; overflow: hidden;}
.packages li .title{ margin: 0 10px 0 0; height: 26px; line-height: 26px; font-size: 16px; color: #333; overflow: hidden; font-weight: 600;}
.packages li .discrp{ margin: 8px 35px 0 0; height: 60px; font-size: 14px; line-height: 20px; color: #999; overflow: hidden; word-break: break-all; word-wrap: break-word;}
.packages li .price{ margin-top: 19px; line-height: 24px; color: #1499f7; font-size: 18px;}
.packages li .price span,.recmt-parts .price span,.standard-pro li .price span{ margin-left: 12px; font-size: 14px; color: #999; text-decoration: line-through;}

.recmt-parts{ margin: 11px 0 0;}
.recmt-parts li{ position: relative; float: left; margin: -1px -1px 0 0; padding: 22px 10px 0; width: 345px; height: 255px; background-color: #fff; border: 1px solid #e4e4e4;}
.recmt-parts li:hover{ box-shadow: 0 0 40px rgba(0,0,0,0.08) inset; transition: all .15s ease;}
.recmt-parts li .price{ display: block; margin: 31px 0 0; line-height: 22px; color: #1499f7; font-size: 18px; text-align: center;}
.recmt-parts li .title{ margin: 8px 10px 0; height: 22px; line-height: 22px; overflow: hidden; font-size: 14px; font-weight: 400; text-align: center;}

/* tags */
.hot,.zp,.sall04,.sall05,.sall06,.sall07,.sall08{ position: absolute; top: 0; left: 28px; width: 64px; height: 59px; background: url(../Images/tags.png) no-repeat; font-size: 0; z-index: 1;}
.hot{ background-position: 0 0;}
.zp{ background-position: 0 -64px;}
.sall04{ background-position: 0 -128px;}
.sall05{ background-position: 0 -192px;}
.sall06{ background-position: 0 -256px;}
.sall07{ background-position: 0 -320px;}
.sall08{ background-position: 0 -384px;}

@media screen and (-webkit-min-device-pixel-ratio:2.0),screen and (-moz-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2.0) {
	.hot,.zp,.sall04,.sall05,.sall06,.sall07,.sall08{ background-image: url(../Images/tags@2x.png); -webkit-background-size: 64px 450px;
	background-size: 64px 450px;}
}

/* panicBuyingPage */
.panicBuyingPage{background: none;} 
.panicBuyingPage .panicBuying-header{width: 1100px; margin: 0 auto; padding: 28px 0 0;}
.panicBuyingPage .panicBuying-header .logo{float: left; width: 77px; height: 24px; overflow: hidden; margin: 0; background: url(../Images/logo.png) no-repeat 0 0; font: 0/0 arial;}
.panicBuyingPage .panicBuying-header .links{float: right; height: 24px; overflow: hidden; font: normal 14px/24px 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1';}
.panicBuyingPage .panicBuying-header .links a{margin: 0 0 0 44px;}
.panicBuyingPage .detail-wrapper{width: 1100px; margin: 29px auto 0; border-top: 1px solid #fff;}
.panicBuyingPage .detail-wrapper .pic{float: left; width: 550px; height: 570px; overflow: hidden; margin: 0 75px 0 0; text-align: center; line-height: 570px; *font-size: 498px; *font-family:arial;}
.panicBuyingPage .detail-wrapper .pic img{vertical-align: middle;}
.panicBuyingPage .detail-wrapper .detail-title{height: 36px; overflow: hidden; margin: 55px 0 0; font-weight: normal; font-size: 26px; line-height: 36px;}
.panicBuyingPage .detail-wrapper .price{display: block; height: 36px; overflow: hidden; margin: 14px 0 0; color: #1499f7; font-size: 26px;}
.panicBuyingPage .detail-wrapper .type-list{overflow: hidden; zoom: 1;}
.panicBuyingPage .detail-wrapper .type-list span{float: left; width: 88px; height: 88px; margin: 24px 30px 0 0; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #1499f7; color: #1499f7; font-size: 18px; text-align: center; line-height: 88px;}
.panicBuyingPage .detail-wrapper .service-tip{overflow: hidden; zoom: 1; margin: 71px 0 0;}
.panicBuyingPage .detail-wrapper .service-tip strong{display: block; height: 26px; color: #999; font-weight: normal; font-size: 16px; line-height: 26px;}
.panicBuyingPage .detail-wrapper .service-label{position: relative; display: block; width: 298px; height: 58px; margin: 14px 12px 0 0; padding: 0 14px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #1499f7; color: #121212; font-size: 16px; line-height: 58px; cursor: pointer;}
.panicBuyingPage .detail-wrapper .service-label .icon{display: block; position: absolute; top: 0; right: 0; width: 19px; height: 19px; -webkit-border-radius: 0 2px 0 0; border-radius: 0 2px 0 0; background-color: #1499f7; background-position: -155px -95px;}
.panicBuyingPage .detail-wrapper .default-address{display: block; height: 22px; overflow: hidden; margin: 17px 12px 0 0; color: #121212; font-size: 12px; line-height: 22px; cursor: pointer;}
.panicBuyingPage .detail-wrapper .default-address .checkbox{float: left; width: 18px; height: 18px; overflow: hidden; margin: 3px 12px 0 0; background: url(../Images/person.png) no-repeat -61px -141px;}
.panicBuyingPage .detail-wrapper .checked .checkbox{background-position: -61px -174px;}
.panicBuyingPage .detail-wrapper .default-address a{color: #1499f7;}
.panicBuyingPage .detail-wrapper .default-address a:hover{text-decoration: underline;}
.panicBuyingPage .part-box{border-top: 1px solid #f1f1f1; background: #fafafa;}
.panicBuyingPage .part-box .wrapper{overflow: hidden;}
.panicBuyingPage .part-box .part-title{height: 34px; padding: 54px 0 0; font-weight: normal; font-size: 24px; line-height: 34px; text-align: center;}
.panicBuyingPage .part-box .part-list{position: relative; width: 1200px; margin: -4px 0 0; padding: 0 0 80px;}
.panicBuyingPage .part-box .part-item{float: left; width: 298px; height: 318px; overflow: hidden; margin: 60px 100px 0 0; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; background: #fff;}
.panicBuyingPage .part-box .part-item .pic{position: relative; width: 298px; height: 276px; padding: 42px 0 0; text-align: center;}
.panicBuyingPage .part-box .part-item img{vertical-align: top;}
.panicBuyingPage .part-box .part-item span{display: block; height: 26px; overflow: hidden; margin: 20px 0 0; font-size: 16px; line-height: 26px;}
.panicBuyingPage .part-box .part-item .price{height: 28px; margin: 7px 0 0; color: #1499f7; font-size: 18px; line-height: 28px; font-family: arial;}
.panicBuyingPage .part-box .part-item .pic .icon{display: none; position: absolute; top: 0; right: 0; width: 19px; height: 19px; -webkit-border-radius: 0 1px 0 0; border-radius: 0 1px 0 0; background-color: #1499f7; background-position: -155px -95px;}
.panicBuyingPage .part-box .part-item.current{border-color: #1499f7;}
.panicBuyingPage .part-box .part-item.current .icon{display: block;}
.panicBuyingPage .reservation-wrap{position: relative; width: 100%; min-width:1100px; height: 5883px; overflow: hidden; border-top: 1px solid #f1f1f1;}
.panicBuyingPage .reservation-wrap .reservation-table{position: absolute; top: 0; left: 50%; width: 2560px; height: 5883px; margin: 0 0 0 -1280px; border-collapse: collapse; border-spacing: 0;}
.panicBuyingPage .reservation-wrap .reservation-table td{vertical-align: top;}
.panicBuyingPage .reservation-wrap .reservation-table img{vertical-align: top;} 
.panicBuyingPage .global-footer{position: relative; margin-top: -1px;}
.panicBuyingPage .totalPrice-box{position: fixed; bottom: 0; left: 0; min-width: 1100px; width: 100%; height: 90px; overflow: hidden; border-top: 1px solid #ccc; background: #fff;}
.panicBuyingPage .totalPrice-box .wrapper{position: relative; width: 800px; height: 90px; padding: 0 300px 0 0;}
.panicBuyingPage .totalPrice-box .waitting-button{position: absolute; top: 20px; right: 0; width: 240px; height: 50px; overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px; background: #f34d33; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none;}
.panicBuyingPage .totalPrice-box .waitting-button .price{float: left; width: 75px; padding: 0 23px 0 39px; color: #fff; font-size: 18px; line-height: 50px;}
.panicBuyingPage .totalPrice-box .waitting-button .button-statu{float: left; color: #fff; font: normal 18px/50px 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1';}
.panicBuyingPage .totalPrice-box .waitting-button:hover{background: #e63b1f; color: #fff; text-decoration: none;}
.panicBuyingPage .totalPrice-box .waitting-button:active{background: #cf2b10; color: #fff; text-decoration: none;}
.panicBuyingPage .totalPrice-box p{height: 24px; padding: 15px 0 0; font-size: 14px; line-height: 24px;}
.panicBuyingPage .totalPrice-box strong.price{display: block; height: 24px; margin: 6px 0 0; font-weight: normal; font-size: 14px; line-height: 24px;}
.panicBuyingPage .totalPrice-box strong.price em{display: inline-block; color: #1499f7; font-size: 24px; vertical-align: top; vertical-align: baseline;}
.panicBuyingPage .totalPrice-box .buy-button{background: #1499f6; text-align: center;}
.panicBuyingPage .totalPrice-box .buy-button:hover{background: #0588e3; color: #fff; text-decoration: none;}
.panicBuyingPage .totalPrice-box .buy-button:active{background: #027ad0; color: #fff; text-decoration: none;}
.panicBuyingPage .totalPrice-box .buy-button .button-statu{float: none;}  
.panicBuyingPage .totalPrice-box .disabled-button,
.panicBuyingPage .totalPrice-box .disabled-button:hover,
.panicBuyingPage .totalPrice-box .disabled-button:active{background: #b3b3b3; color: #fff; text-decoration: none; cursor: text; text-align: center;}
.panicBuyingPage .totalPrice-box .disabled-button .button-statu{float: none;}

.detail-link{ line-height: 48px; color: #1499f7 !important;}  
.detail-link:hover{ color: #1499f7; text-decoration: underline !important;}

/* sall rules */
.sall-rule-layer{ margin: -235px 0 0 -345px; width: 690px; height: 470px; background-color: #fff; border: 1px solid #e4e4e4; z-index: 1002; border-radius: 3px;}
.sall-rule-layer .close{ top: 14px; right: 14px;}
.sall-rule-layer .title{ font-weight: 400; font-size: 24px; margin-top: 40px; line-height: 38px; text-align: center;}
.sall-rule-layer .fh-time{ margin: 0; color: #f34d32;}
.sall-rule-layer .fh-time a{ margin-left: 8px; color: #1499f7; text-decoration: underline; font-size: 12px;}
.sall-rule-layer .rules-inner{ margin: 18px auto 0; padding: 18px 0 0 43px; background: url(../Images/rules-bg.png) no-repeat top center;}
.sall-rule-layer .rules-inner li{ float: left; margin: 0 0 16px; padding: 0 0 0 96px; width: 207px; height: 97px;}
.sall-rule-layer .rules-inner strong{ display: block; font-size: 16px; line-height: 36px;}
.sall-rule-layer .rules-inner span{ display: block; font-size: 12px; line-height: 18px; width: 170px;}
.sall-rule-layer .btn{ margin: 10px auto 0;}

.hb-detail{ background:#dc2842 url(../Images/detail-bg.jpg) no-repeat top center;}
.hb-detail .product-detail-box{ margin-top: 150px;}

.product-detail-box .more-labels .label{ width: auto; width: 55px; height: 30px; line-height: 30px; margin: 0 14px 0 0;}
.product-detail-box .more-labels .parameter-title{ line-height: 32px;}


/* prodect pic css */
.slider-box{ position: relative; width: 430px; margin: 68px auto 0;}
.slider-box .detail-icon{ position: absolute; right: 0; top: 0; z-index: 5;} 
.slider-box .img-box{ position: relative; width: 430px; height: 430px; overflow: hidden;}
.slider-box .img-box .loading{ position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background: url(../Images/bx_loader.gif) no-repeat;}
.img-box img{ vertical-align: top; width: 430px; height: 430px;}
.control-bar{ width: 410px; height: 86px; margin: 68px auto 0; overflow: hidden;}
.control-bar li{ float: left; width: 82px; height: 82px; overflow: hidden; margin: 0 16px 0 0; border: 2px solid #fff; cursor: pointer;}
.control-bar .active{border-color: #f1f1f1;}
.control-bar li img{ width: 64px; height: 64px; margin: 9px 0 0 9px;}

.mall-ad-mod{ margin: 34px 0 0;}
.mall-ad-mod img{ vertical-align: top;}

/* 详情页爱阅读背影 */
.iread-detail{ background:#e82f0d url(../Images/detail-bg1.jpg) no-repeat top center;}
.iread-detail .product-detail-box{ margin-top: 150px;}


/* 共售提醒弹层 */
.remind-layer{ width: 440px; height: 270px; margin: -135px 0 0 -220px;}
.remind-layer .pop-layer-head .txt{ margin-left: 15px; font-size: 12px; color: #999;}
.remind-layer .remind-form{ padding: 10px 0 0 60px;}
.remind-layer .remind-form li{ padding-top: 20px; line-height: 38px; font-size: 12px;}
.remind-layer .remind-form .txt{ float: left; width: 298px; height: 26px; padding: 5px 10px; background-color: #fff; border: 1px solid #ddd; font:14px/26px "microsoft yahei"; outline: none; border-radius: 3px;}
.remind-layer .yzm .txt{ width: 147px;}
.remind-layer .yzm .yzmImg{ float: left; margin: 0 13px 0 16px;}
.remind-layer .yzm .yzmImg img{ vertical-align: top;}
.remind-layer .yzm .link{ float: left; color: #999;}
.remind-layer .yzm .link:hover{ text-decoration: underline;}
.remind-layer .remind-form .btn{ float: left; margin-right: 13px; width: 100px; height: 36px; background-color: #239bf4; color: #fff; font: 14px/36px "microsoft yahei"; border: 0 none; border-radius: 3px; outline: none; cursor: pointer;}
.remind-layer .remind-form .tips{ color: #f04e3a; font-size: 12px;}

.remind-succuss{ width: 340px; margin-left: -170px;}

/* 详情页金秀贤背影 */
.jsx-detial{ background: #d2ebf3 url(../Images/detail-bg3.jpg) no-repeat top center;}
.jsx-detial .product-detail-box{ margin-top: 150px;}

.z2Pro-parameters .color-view li{ margin-right: 70px;}
.z2Pro-parameters .version .title{ display: block; margin-bottom: 17px; font-weight: 700;}
.z2Pro-parameters .version1{ margin-top: 30px;}

.huabei-item{ height: 48px; line-height: 48px; font-size: 14px;}
.huabei-item img{ display: inline-block; margin-right: 14px; vertical-align: middle !important;}


